<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>博客主页</title>
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/blog_list.css">
</head>
<body>
    <div class="nav">
        <div class="flag">
            <img src="image/face2.png" alt="logo">
            <div class="title">我的博客系统</div>
        </div>

        <div class="page">
            <a href="blog_list.html">主页</a>
            <a href="blog_edit.html">写博客</a>
            <a href="">注销</a>
        </div>
    </div>
    
    <div class="container">
        <div class="left">
            <div class="card">
                <img src="image/face2.png" alt="face">
                <h3>不摸鱼的程序员</h3>
                <a href="https://gitee.com/">gitee地址</a>
                <div class="conter">
                    <span>文章</span>
                    <span>分类</span>
                </div>
                <div class="conter">
                    <span>2</span>
                    <span>1</span>
                </div>
            </div>
        </div>
        <div class="right">
            <div class="blog">
                <h3>我的第一篇博客</h3>
                <div class="date">2022-4-26 14:22:00</div>
                <div class = "desc">编程之路，道阻且长。Lorem ipsum dolor sit amet consectetur adipisicing elit. 
                    Quas eaque, blanditiis sunt praesentium ullam laudantium esse odit assumenda 
                    commodi molestias illo provident quis nisi, veritatis pariatur! Commodi rerum 
                    vitae beatae.
                </div>
                <a href="blog_detail.html?blogId=1">查看全文 &gt;&gt;</a>
            </div>

            <div class="blog">
                <h3>我的第二篇博客</h3>
                <div class="date">2022-5-26 14:22:00</div>
                <div class = "desc">C生万物，编程之本。Lorem, ipsum dolor sit amet consectetur adipisicing elit. 
                    Eaque suscipit nobis autem maiores. Inventore laudantium explicabo enim! Ad omnis sunt illum 
                    dolores debitis ea nesciunt, at nemo quo optio pariatur.
                </div>
                <a href="blog_detail.html?blogId=1">查看全文 &gt;&gt;</a>
            </div>

            <div class="blog">
                <h3>我的第一篇博客</h3>
                <div class="date">2022-6-26 14:22:00</div>
                <div class = "desc">Java 面向对象。Lorem ipsum dolor sit amet consectetur adipisicing elit. 
                    Quas eaque, blanditiis sunt praesentium ullam laudantium esse odit assumenda 
                    commodi molestias illo provident quis nisi, veritatis pariatur! Commodi rerum 
                    vitae beatae.
                </div>
                <a href="blog_detail.html?blogId=1">查看全文 &gt;&gt;</a>
            </div>
            
        </div>
    </div>
</body>
</html>